<!--
  Generated template for the InformationPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<div class="content_div">
    <div *ngIf="!danJuInfoBool" class="panel">
        <div class="feeInfo_0" >
            <div>
                {{detailInfo.DanJuXX.ZhiChuSX}}
            </div>
            <div>
                <span>申请金额：</span><span>{{detailInfo.DanJuXX.ShenQingJE}}</span>
            </div>
        </div>
        <div class="feeInfo_0">
            <div>
                <span>{{detailInfo.DanJuXX.DanWeiMC}}>{{detailInfo.DanJuXX.BuMenMC}}</span>
            </div>
            <div>
                <span>{{detailInfo.DanJuXX.ShenQingR}}</span>
            </div>
        </div>
        <div class="date_p">
            <span> {{detailInfo.DanJuXX.ShenQingRQ}}</span>
        </div>
    </div>
    <div class="panel" *ngIf="!danJuInfoBool">
        <div class="title">
            <label>基本信息</label>
        </div>
        <div class="con">
            <div>
                <span>报销类型</span>
                <label>
                    {{detailInfo.DanJuXX.BaoXiaoDLX}}
                </label>
            </div>
            <div>
                <span>指标名称</span>
                <label>
                    {{detailInfo.DanJuXX.ZhiBiaoMC}}
                </label>
            </div>
        </div>
        <div class="con">
            <div>
                    <span>
                        可用余额
                    </span>
                <label>
                    {{detailInfo.DanJuXX.KeYongYE}}
                </label>
            </div>
            <div>
                    <span>
                        报销部门
                    </span>
                <label>
                    {{detailInfo.DanJuXX.BaoXiaoBM}}
                </label>
            </div>
        </div>
        <div class="con">
            <div>
                    <span>
                        报销事由
                    </span>
                <label>
                    {{detailInfo.DanJuXX.BaoXiaoSY}}
                </label>
            </div>

        </div>
        <div class="con">
            <div>
                <span>报销人</span>
                <label>
                    {{detailInfo.DanJuXX.BaoXiaoR}}
                </label>
            </div>
            <div>
                <span>支出事项</span>
                <label>
                    {{detailInfo.DanJuXX.ZhiChuSX}}
                </label>
            </div>
        </div>
        <div class="con" *ngIf="detailInfo.DanJuXX.BaoXiaoDLX =='合同支付报销'">
            <div >
                <span>合同名称</span>
                <label>
                    {{detailInfo.DanJuXX.HeTongMC}}
                </label>
            </div>
            <div>
                <span>合同阶段</span>
                <label>
                    {{detailInfo.DanJuXX.HeTongJD}}
                </label>
            </div>
        </div>
        <div class="con" *ngIf="detailInfo.DanJuXX.BaoXiaoDLX =='资金申请报销'">
            <div>
                <span>资金申请单号</span>
                <label>
                    {{detailInfo.DanJuXX.ZhiXingSQD}}
                </label>
            </div>

        </div>
        <div class="con" *ngIf="detailInfo.DanJuXX.BaoXiaoDLX =='执行申请报销'">
            <div>
                <span>执行申请单号</span>
                <label>
                    {{detailInfo.DanJuXX.ZhiXingSQD}}
                </label>
            </div>

        </div>
        <div class="shenQingFJDiv" *ngIf="detailInfo.DanJuXX.DanJuFJ.length>0">
            <div class="fuJianTitle">
                <span>申请附件</span>
            </div>
            <div>
                <div class="shenQingFJ" *ngFor="let item of detailInfo.DanJuXX.DanJuFJ" tappable (click)="sqfjHandler(item)">
                    <p>{{item.FuJianMC}}</p>
                </div>
            </div>
        </div>
    </div>
<!--    <div class="panel" *ngIf="detailInfo.DanJuXX.QianBaoNR !=''">-->
<!--        <div class="title">-->
<!--            <label>签报内容</label>-->
<!--        </div>-->
<!--        <div>-->
<!--            <div class="con">-->

<!--                {{detailInfo.DanJuXX.QianBaoNR}}-->
<!--            </div>-->

<!--        </div>-->

<!--    </div>-->
    <div class="panel" *ngIf="detailInfo.ZhiChuMX.length>0">
        <div class="title">
            <label>支出信息</label>
        </div>
        <div *ngFor="let item of detailInfo.ZhiChuMX">
            <div class="con">
                <div>
                     <span>
                         {{item.MingXiMC}}
                    </span>
                    <label>
                        {{item.MingXiJE}}
                    </label>
                </div>
            </div>
        </div>

    </div>
    <div class="panel" *ngIf="detailInfo.FuZhuXX.length>0">
        <div class="title">
            <label>辅助信息</label>
        </div>
        <div *ngFor="let item of detailInfo.FuZhuXX">
            <div class="con" >
                <div>
                    <span>{{item.FuZhuXMC}}</span>
                    <label>{{item.FuZhuXZ}}</label>
                </div>
            </div>
        </div>
    </div>
    <div class="panel" *ngIf="detailInfo.JieSuanXX.length>0">
        <div class="title">
            <label>结算信息</label>
        </div>
        <div *ngFor="let item of detailInfo.JieSuanXX">
            <div class="con"  *ngIf="item.JieSuanFS !='' || item.JieSuanFS !=''">
                <div *ngIf="item.JieSuanFS !=null && item.JieSuanFS !=''">
                     <span>
                        结算方式
                    </span>
                    <label>
                        {{item.JieSuanFS}}
                    </label>
                </div>
                <div *ngIf="item.JieSuanJE !=null && item.JieSuanJE !=''">
                     <span>
                        结算金额
                    </span>
                    <label>
                        {{item.JieSuanJE}}
                    </label>
                </div>
            </div>
            <div class="con" *ngIf="item.GongWuKH !='' || item.JiZhangRQ !=''">
                <div *ngIf="item.GongWuKH !=null && item.GongWuKH !=''">
                     <span>
                        公务卡号
                    </span>
                    <label>
                        {{item.GongWuKH}}
                    </label>
                </div>
                <div *ngIf="item.JiZhangRQ !=null && item.JiZhangRQ !=''">
                     <span>
                        记账日期
                    </span>
                    <label>
                        {{item.JiZhangRQ}}
                    </label>
                </div>
            </div>
            <div class="con" *ngIf="item.XiaoFeiRQ !='' || item.HuanKuanRQ !=''">
                <div *ngIf="item.XiaoFeiRQ !=null && item.XiaoFeiRQ !=''">
                     <span>
                        消费日期
                    </span>
                    <label>
                        {{item.XiaoFeiRQ}}
                    </label>
                </div>
                <div *ngIf="item.HuanKuanRQ !=null && item.HuanKuanRQ !=''">
                         <span>
                        还款日期
                    </span>
                    <label>
                        {{item.HuanKuanRQ}}
                    </label>
                </div>
            </div>
            <div class="con" *ngIf="item.ShouKuanFZHM !='' || item.KaiHuH !=''">
                <div *ngIf="item.ShouKuanFZHM !=null && item.ShouKuanFZHM !=''">
                     <span>
                        收款方账户名
                    </span>
                    <label>
                        {{item.ShouKuanFZHM}}
                    </label>
                </div>
                <div *ngIf="item.KaiHuH !=null && item.KaiHuH !=''">
                         <span>
                        开户行
                    </span>
                    <label>
                        {{item.KaiHuH}}
                    </label>
                </div>
            </div>
            <div class="con" *ngIf="item.ZhangHao !=''">
                <div *ngIf="item.ZhangHao !=null && item.ZhangHao !=''">
                     <span>
                        账号
                    </span>
                    <label>
                        {{item.ZhangHao}}
                    </label>
                </div>
            </div>
            <div class="con" *ngIf="item.BeiZhu !=''">
                <div *ngIf="item.BeiZhu !=null && item.BeiZhu !=''">
                     <span>
                        备注
                    </span>
                    <label>
                        {{item.BeiZhu}}
                    </label>
                </div>
            </div>
        </div>
    </div>

    <div class="panel" *ngIf=" detailInfo.ShenPiXX.length>0">
        <div class="title">
            <label style="color: #3a3a3a">审批过程</label>
        </div>
        <div *ngFor="let item of detailInfo.ShenPiXX" class="spPanel">
            <div class="con">
                <div *ngIf="item.ShenPiHJ !=''">
                     <span>
                        审批环节
                    </span>
                    <label>
                        {{item.ShenPiHJ}}
                    </label>
                </div>
                <div  *ngIf="item.ShenPiR !=''">
                     <span style="color: #666666">
                        审批人
                    </span>
                    <label style="color: #3189fb;font-weight: bold">
                        {{item.ShenPiR}}
                    </label>
                </div>
            </div>
            <div class="con">
                <div  *ngIf="item.ShenPiSJ !=''">
                     <span style="color: #666666">
                        审批时间
                    </span>
                    <label style="color: #999999">
                        {{item.ShenPiSJ}}
                    </label>
                </div>
                <div  *ngIf="item.ChuLiSC !=''">
                     <span style="color: #666666">
                        处理时长
                    </span>
                    <label style="color: #333333">
                        {{item.ChuLiSC}}
                    </label>
                </div>
            </div>
            <div class="conEnd" >
                <div style="width: 100%">
                     <span>
                        审批意见
                    </span>
                    <label style="color: #333333">
                        {{item.ShenPiYJ==null?'无':item.ShenPiYJ}}
                    </label>
                </div>
            </div>
        <!--    <div class="con"  *ngIf="item.ShenPiHJ !='' || item.ShenPiR !=''">
                <div *ngIf="item.ShenPiHJ !=''">
                     <span>
                        审批环节
                    </span>
                    <label>
                        {{item.ShenPiHJ}}
                    </label>
                </div>
                <div *ngIf="item.ShenPiR !=''">
                     <span>
                        审批人
                    </span>
                    <label>
                        {{item.ShenPiR}}
                    </label>
                </div>
            </div>
            <div class="con"  *ngIf="item.ShenPiSJ !='' || item.ChuLiSC !=''">
                <div  *ngIf="item.ShenPiSJ !=''">
                     <span>
                        审批时间
                    </span>
                    <label>
                        {{item.ShenPiSJ}}
                    </label>
                </div>
                <div  *ngIf="item.ChuLiSC !=''">
                     <span>
                        处理时长
                    </span>
                    <label>
                        {{item.ChuLiSC}}
                    </label>
                </div>
            </div>
            <div class="conEnd" *ngIf="item.ShenPiYJ !==null">
                <div style="width: 100%">
                     <span>
                        审批意见
                    </span>
                    <label>
                        {{item.ShenPiYJ}}
                    </label>
                </div>
            </div>-->
            <div class="con" *ngIf="item.ShenPiFJ['FuJianMC']">
               <!-- <span>
                        审批附件
                    </span>
                <label>
                    {{item.ShenPiFJ['FuJianMC']}}
                </label>-->
                <div class="shenPiFJTitle">
                    <span>审批附件</span>
                </div>
                <div class="shenPiFJ"  tappable (click)="sqfjHandler(item.ShenPiFJ)">
                    <p style=" color:#1c70bf">{{item.ShenPiFJ['FuJianMC']}}</p>
                </div>
            </div>
        </div>
       <!-- <div class="expend-panel" *ngFor="let item of detailInfo.ShenPiXX">
            <div class="con" *ngIf="item.ShenPiHJ !=''">
                <span>{{item.ShenPiHJ}}:</span>
                <span>{{item.ShenPiR}}</span>
            </div>
            <div class="con" *ngIf="item.ShenPiYJ !=''">
                <span style="white-space: normal;width: 95%;">{{item.ShenPiYJ}}</span>
            </div>
            <div class="con" *ngFor="let val of item.ShenPiYS">
                <span>{{val.YaoSuMC}}:</span>
                <span>{{val.YaoSuZ}}</span>
            </div>
            <div class="con" style="border: 0;justify-content: space-between" *ngIf="item.ShenPiSJ !='' && item.ShenPiSJ !=null ">
                <span>处理时长:{{item.ChuLiSC}}</span>
                <span style="right: 1.7rem">{{item.ShenPiSJ}}</span>
            </div>
            <div class="con" style="border: 0;justify-content: space-between" *ngIf="item.ShenPiFJ.length>0">
            <span>审批附件:</span>
            <span style="right: 1.7rem">{{item.ShenPiSJ}}</span>
        </div>
            <div class="shenPiFJDiv" *ngIf="item.ShenPiFJ['FuJianMC']">
                <div class="shenPiFJTitle">
                    <span>审批附件</span>
                </div>
                <div class="shenPiFJ" tappable (click)="spHandler(item.ShenPiFJ)">
                    <p>{{item.ShenPiFJ['FuJianMC']}}</p>
                </div>
            </div>
        </div>-->
    </div>
</div>


